<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="./css/index.css"/>
	<script src="./js/jquery-3.2.1.min.js"></script>
	<script src="js/echarts.min.js"></script>
    <title>消息中心</title>
</head>
<body>
    <header>
    	<div class="lf">
    		<a class="home" href="index.html">系统首页</a>
    		<!-- <a href="bbs.html">论坛</a> -->
    		<a href="upload.html">上传资料</a>
    	</div>
    	<div id="search">
    		<input type="text" name="name" 
    			placeholder="请输入要搜索的资源" autocomplete="off"/>
			<a class="search btn">搜索</a>
    	</div>
    	
    	<div class="rf">
    		<div class="email-info">
				<b>99</b>
				<ul class="email-list">
					<li><a href="./message.html">官方<b>0</b></a></li>
					<li><a href="./message.html">通知<b>0</b></a></li>
					<li><a href="./message.html">私信<b>0</b></a></li>
				</ul>
			</div>
    		<a class="info" href="personal.html">个人中心</a>
    		<a class="cols" href="shoucang.html">收藏</a>
    		<a class="exit">退出登录</a>
    	</div>
    </header>
	
	<article>
		<!-- 网站主体 -->
		<div id="main">
			<section class="ct">
				<h1 class="detail-msg">消息中心</h1>
				
				<div class="bg-hr"></div>
				
				<ul class="msg-menu">
					<li class="official">
						<a class="active">官方(<b>0</b>)</a>
						<div class="msg-content">
							<a class="msg" href="">
								<span>【公告】消息中心上线啦，快来体验吧～～～</span>
								<time>2022/02/27 14:22:22</time>
							</a>
							<!-- 没有消息的提示 -->
							<!-- <a class="no-data"><img src="./images/404.svg"/>暂无消息</a> -->
						</div>
					</li>
					<li class="notify">
						<a>通知(<b>0</b>)</a>
						<div class="msg-content">
							<a class="msg" href="">
								<span>【评论】<b>love残夜</b>评论了您的资源</span>
								<time>2022/02/27 14:22:22</time>
							</a>
							
							<a class="msg"  href="./detail.html">
								<span>【审核】您上传的资源《MySQL从入门到精通》已通过审核</span>
								<time>2022/02/26 14:22:22</time>
							</a>
							
							<a class="msg">
								<span>【下载】<b>love残夜</b>下载了您的资源《MySQL从入门到精通》</span>
								<time>2022/02/23 14:22:22</time>
							</a>

							<a class="msg">
								<span>【收藏】<b>love残夜</b>收藏了您的资源《MySQL从入门到精通》</span>
								<time>2022/02/21 14:22:22</time>
							</a>

							<a class="msg">
								<span>【关注】<b>沨烨</b>关注了您</span>
								<time>2022/02/21 14:22:22</time>
							</a>
						</div>
					</li>
					<li class="letter">
						<a href="javascript:void(0)">私信(<b>0</b>)</a>
						<div class="msg-content chatx">
							<iframe src="./chat.html" id="chat" name="chat"></iframe>
						</div>
					</li>
					<li class="blist">
						<a>黑名单</a>
						<div class="msg-content">
							<a class="msg">以下用户已添加至黑名单，你将不再收到对方的消息</a>
							<a class="msg">
								<span><img src="./images/unknown.png"/>love残夜</span>
								<button class="btn">解除</button>
							</a>

							<a class="msg">
								<span><img src="./images/unknown.png"/>love残夜</span>
								<button class="btn">解除</button>
							</a>

							<a class="msg">
								<span><img src="./images/unknown.png"/>love残夜</span>
								<button class="btn">解除</button>
							</a>
						</div>
					</li>
				</ul>
				
			</section>
			
		</div>
	</article>
	<footer>
		<p class="decro">本站所有资源信息均由网友上传,本站只是为了推广资源让更多读者下载,使用。如涉侵权，请联系管理员</p>
		<p class="cr">Copyright © 2021-2025 <span class="site">爱下载资源分享平台</span> All Rights Reserved.</p>
		<p class="num">沪ICP备14048333号</p>
	</footer>

	<script>
		$(function(){

			$(".msg-menu li > a").on("click", function(event){
				$(this).addClass("active").parent().siblings().children("a").removeClass("active");
			})

			$(".msg-content .apply").on("click", function(event){
				$(this).next("input").show().parent().siblings().find("input").hide();
			})
		})


	</script>
</body>

</html>